.page {
		background-color: #f8f8f8;
		width: 100%;
		// overflow-y: auto;
		.content1 {
			margin-top: 20rpx;

			.item {

				padding: 15rpx 0;
				border-bottom: #f4f4f5 2rpx solid;

				.center {
					justify-content: start;
					.circular {
						font-size: 28rpx;
						padding-right: 12rpx;
						display: -webkit-box;
						overflow: hidden;
						text-overflow: ellipsis;
						word-wrap: break-word;
						white-space: normal !important;
						-webkit-line-clamp: 2;
						-webkit-box-orient: vertical;
						color: #333333;
					}

					.explain {
						font-size: 26rpx;
						color: #c8c9cc;

					}
				}
				.rigth {
					margin: auth;
					image {
						width: 35rpx;
						height: 35rpx;
					}
				}
				.left {
					padding-right: 8rpx;
					//border: #18B567 1rpx solid;
				}
			}
		}

		.popup {
			padding: 40rpx 32rpx;
			&-header {
				color: rgba(0, 0, 0, 1);
				font-size: 32rpx;
				font-weight: bold;
				text {
					position: relative;
				}
				text::before {
					position: absolute;
					top: 50%;
					transform: translateY(-50%);
					left: -10rpx;
					content: '';
					width: 8rpx;
					height: 32rpx;
					border-radius: 4rpx;
					background-color: rgba(24, 181, 103, 1);
				}
			}

			.content {
				.item {
					width: 95%;
					margin: 20rpx auto;
					height: 180rpx;
					background: #EDF9F3;
					border-radius: 20rpx;

					.right {
						width: 65%;
						height: 180rpx;
						background: #18B567;
						border-radius: 0 20rpx 20rpx 0;
						float: right;
						position: relative;
						overflow: hidden;

						.circular {
							height: 180rpx;
							display: flex;
							margin-left: -16rpx;
							flex-direction: column;
							justify-content: space-around;

							.circular-item {
								height: 30rpx;
								width: 30rpx;
								border-radius: 50%;
								background: #EDF9F3;

							}
						}

						.explain {
							margin: auto 20rpx;

							.title {
								font-size: 32rpx;
								font-weight: bold;
								font-family: PingFangSC-Medium, PingFang SC;
								color: #FFFFFF;
							}

							.details {
								font-size: 28rpx;
								font-family: PingFang-SC-Regular, PingFang-SC;

								color: #FFFFFF;
							}

						}

						.receive {
							margin-left: 36rpx;
							padding: 10rpx 0 6rpx;
							align-self: center;
							color: #38987c;
							font-size: 28rpx;
							line-height: 40rpx;
							white-space: nowrap;
							background-image: linear-gradient(124.4deg,
									rgb(255, 255, 255) 0%,
									rgb(255, 255, 255) -13.77%,
									rgb(189, 255, 222) 111.69%,
									rgb(189, 255, 222) 100%);
							box-shadow: 4rpx 6rpx 12rpx 0px rgb(1, 147, 74);
							border-radius: 27rpx;
							width: 108rpx;
							height: 56rpx;
							text-align: center;

						}

						.receive_img {
							width: 130rpx;


							image {
								width: 140rpx;
								height: 140rpx;
								position: absolute;
								bottom: -30rpx;
								right: -20rpx;
							}
						}
					}

					.left {
						width: 40%;
						text-align: center;
						margin: auto 0;

						.num {

							margin: auto;

							color: #18B567;

							text {
								font-family: Price-Bold;
								font-size: 70rpx;
								font-weight: bold;
							}

						}

						.condition {
							font-family: PingFangSC-Regular, PingFang SC;
							font-weight: 400;
							color: #505050;
						}
					}
				}
			}
		}

		.group {
			// height: 1624rpx;

			.section_1 {
				// padding: 38rpx 32rpx 146rpx;
				height: 220rpx;
				background-image: linear-gradient(128.9deg,
						rgb(49, 208, 129) 0%,
						rgb(49, 208, 129) -6.14%,
						#38987c 111.55%,
						#38987c 100%);
				border-radius: 0px 0px 60rpx 60rpx;


				.group_2 {
					padding: 0 30rpx;
					margin-top: 32rpx;
					color: rgb(255, 255, 255);
					font-size: 28rpx;
					line-height: 40rpx;


					.image_2 {
						margin: 4rpx 0;
					}

					.text_1 {
						margin-left: 8rpx;
					}

					.image_3 {
						margin: 4rpx 0 4rpx 24rpx;
					}

					.text_2 {
						margin-left: 8rpx;
					}
				}
			}

			.group_3 {
				margin-top: 0rpx;
				padding: 0 32rpx;

				position: relative;

				.section_2 {
					padding: 24rpx 24rpx;
					background-color: rgb(255, 255, 255);
					border-radius: 24rpx 24rpx 0 0;
					position: relative;

					.itemprice{
						position: absolute;
						right: 24rpx;
						top:50%;
						transform: translateY(-70%);
					}
					// height: 320rpx;
					.section_3 {
						padding-top: 140rpx;
						color: rgb(255, 255, 255);
						font-size: 24rpx;
						line-height: 34rpx;
						width: 186rpx;
						height: 92rpx;
						border-radius: 12rpx;
						// background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/61ab188e1f655f0011bbaece/61e7d9270c0e3200129ec72c/16425844604386470819.png');
						background-size: cover;
						background-repeat: no-repeat;


						.text-wrapper {
							padding: 8rpx 0 10rpx;
							background-color: rgba(0, 0, 0, 0.36);
							border-radius: 0px 0px 12rpx 12rpx;

							.text_3 {
								margin: 0 6rpx;
							}
						}
					}

					.group_4 {
						margin-left: 24rpx;
						flex: 1 1 auto;

						.text_4 {
							color: rgb(0, 0, 0);
							font-size: 32rpx;
							font-weight: 500;
							line-height: 44rpx;
							white-space: nowrap;
						}

						.group_5 {
							margin-top: 16rpx;

							.text-wrapper_1 {
								padding: 4rpx 0;
								color: rgb(255, 255, 255);
								font-size: 20rpx;
								line-height: 28rpx;
								white-space: nowrap;
								background-color: rgb(243, 151, 53);
								border-radius: 8rpx;
								width: 104rpx;
								height: 36rpx;
							}

							.text-wrapper_2 {
								margin-left: 6rpx;
								padding: 2rpx 0;
								color: rgb(243, 151, 53);
								font-size: 20rpx;
								line-height: 28rpx;
								white-space: nowrap;
								border-radius: 8rpx;
								width: 104rpx;
								height: 36rpx;
								border: solid 2rpx rgb(243, 151, 53);
							}
						}

						.group_6 {
							margin-top: 20rpx;
							padding: 0 4rpx;
							color: rgb(102, 102, 102);
							font-size: 24rpx;
							line-height: 34rpx;
							white-space: nowrap;

							.image_4 {
								margin: 6rpx 0 4rpx;
								width: 24rpx;
								height: 24rpx;
							}

							.text_7 {
								margin-left: 8rpx;
							}
						}

						.text_8 {
							margin-top: 8rpx;
							color: rgb(153, 153, 153);
							font-size: 24rpx;
							line-height: 34rpx;
							white-space: nowrap;
						}
					}
				}



				.section_5 {
					padding: 12rpx 24rpx;
					background-color: rgb(255, 255, 255);

					.left-group {
						color: rgb(0, 0, 0);
						font-size: 28rpx;
						font-weight: 500;
						line-height: 40rpx;
						white-space: nowrap;

						.text_12 {
							margin-left: 8rpx;
						}
					}

					.group_10 {
						color: #38987c;
						font-size: 28rpx;
						font-weight: 500;
						line-height: 40rpx;
						white-space: nowrap;

						.image_9 {
							margin: 4rpx 0 4rpx 16rpx;
						}
					}

					.group_11 {
						color: #38987c;
						font-size: 28rpx;
						font-weight: 500;
						line-height: 40rpx;
						white-space: nowrap;

						.image_11 {
							margin: 4rpx 0 4rpx 14rpx;
						}
					}

					.group_16 {
						color: rgb(255, 255, 255);
						font-size: 24rpx;
						font-weight: 500;
						line-height: 34rpx;
						white-space: nowrap;

						.text-wrapper_5 {
							padding: 2rpx 0 4rpx;
							background-color: rgb(243, 151, 53);
							border-radius: 8rpx;
							width: 160rpx;
							height: 40rpx;
						}

						.image_14 {
							margin: 4rpx 0 4rpx 16rpx;
						}
					}
				}

				.section_6 {
					padding: 0 24rpx 24rpx;
					background-color: rgb(255, 255, 255);

					.group_12 {
						padding: 24rpx 0;

						.group_13 {
							color: rgb(0, 0, 0);
							font-size: 28rpx;
							font-weight: 500;
							line-height: 40rpx;
							white-space: nowrap;

							.text_17 {
								margin-left: 8rpx;
							}
						}

						.text-wrapper_3 {
							padding: 2rpx 0 4rpx;
							color: rgb(153, 153, 153);
							font-size: 24rpx;
							font-weight: 500;
							line-height: 34rpx;
							white-space: nowrap;
							background-color: rgb(244, 244, 244);
							border-radius: 8rpx;
							width: 140rpx;
							height: 40rpx;

							&.active {
								color: rgb(255, 255, 255);
								background-color: #38987c;
							}
						}

						.text-wrapper_4 {
							margin-left: 16rpx;
							padding: 2rpx 0 4rpx;
							color: rgb(153, 153, 153);
							font-size: 24rpx;
							font-weight: 500;
							line-height: 34rpx;
							white-space: nowrap;
							background-color: rgb(244, 244, 244);
							border-radius: 8rpx;
							width: 140rpx;
							height: 40rpx;

							&.active {
								color: rgb(255, 255, 255);
								background-color: #38987c;
							}
						}
					}

					.section_7 {
						margin-top: 20rpx;

						padding: 12rpx 16rpx;
						background-color: rgba(24, 181, 103, 0.08);
						border-radius: 16rpx;

						.text_20 {
							color: rgb(102, 102, 102);
							font-size: 28rpx;
							//line-height: 30rpx;
							//white-space: nowrap;
						}
						

						.group_15 {
							white-space: nowrap;
							height: 40rpx;
							color: rgb(80, 80, 80);
							font-size: 28rpx;
							line-height: 40rpx;

							.text_21 {
								color: rgb(80, 80, 80);
								font-size: 28rpx;
								line-height: 40rpx;
							}

							.text_22 {
								color: #38987c;
								font-size: 28rpx;
								line-height: 40rpx;
							}

							.text_23 {
								color: rgb(80, 80, 80);
								font-size: 28rpx;
								line-height: 40rpx;
							}
						}
					}
				}

				.section_8 {
					padding: 24rpx 24rpx;
					background-color: rgb(255, 255, 255);
					border-radius: 0px 0px 24rpx 24rpx;

					.group_17 {
						color: rgb(0, 0, 0);
						font-size: 28rpx;
						font-weight: 500;
						line-height: 40rpx;
						white-space: nowrap;
					}

					.group_18 {
						color: rgb(153, 153, 153);
						font-size: 28rpx;
						font-weight: 500;
						line-height: 40rpx;
						white-space: nowrap;

						.text1 {
							text-align: right;
							width: 400rpx;
							text-overflow: ellipsis;
							overflow: hidden;
							text-overflow: ellipsis;
							white-space: nowrap;

						}

						.image_16 {
							margin: 4rpx 0 4rpx 16rpx;
						}
					}

					.section_11 {
						margin: 6rpx 8rpx 6rpx 0;
						background-color: rgb(255, 255, 255);
						border-radius: 50%;
						width: 28rpx;
						height: 28rpx;
						border: solid 3rpx rgb(102, 102, 102);
					}

					.text_26 {
						margin-left: 8rpx;
					}
				}

				.section_9 {
					margin-top: 24rpx;
					padding: 22rpx 24rpx;
					background-color: rgb(255, 255, 255);
					border-radius: 24rpx 24rpx 0px 0px;

					.text_29 {
						margin-left: 8rpx;
						color: rgb(0, 0, 0);
						font-size: 28rpx;
						font-weight: 500;
						line-height: 40rpx;
						white-space: nowrap;
					}

					.text_30 {
						margin-left: 8rpx;
						color: rgb(102, 102, 102);
						font-size: 24rpx;
						line-height: 40rpx;
						white-space: nowrap;
					}
				}

				.section_10 {
					padding: 22rpx 24rpx;
					color: rgb(0, 0, 0);
					font-size: 28rpx;
					font-weight: 500;
					line-height: 40rpx;
					white-space: nowrap;
					background-color: rgb(255, 255, 255);

					.text_31 {
						margin-left: 8rpx;
					}
				}

				.margin_left {
					margin-left: 8rpx;
				}

				.view_7 {
					color: rgb(0, 0, 0);
					font-size: 28rpx;
					font-weight: 500;
					line-height: 40rpx;
					white-space: nowrap;
				}

				.group_22 {
					margin-top: 24rpx;
					padding-bottom: 76rpx;
					color: rgb(153, 153, 153);
					font-size: 24rpx;
					line-height: 34rpx;
					position: relative;

					.text_33 {
						margin-right: 6rpx;
						text-align: left;
					}

					.image_23 {
						border-radius: 50%;
						width: 28rpx;
						height: 28rpx;
						position: absolute;
						left: 170rpx;
						bottom: 0;
					}
				}

				.group_23 {
					margin-top: -30rpx;
					align-self: center;
					line-height: 34rpx;
					white-space: nowrap;
					position: relative;
					padding-bottom: 150rpx;

					.text_34 {
						color: rgb(0, 0, 0);
						font-size: 24rpx;
						line-height: 34rpx;
					}

					.text_35 {
						color: #38987c;
						font-size: 24rpx;
						line-height: 34rpx;
					}
				}

				.image_18 {
					width: 44rpx;
					height: 44rpx;
				}


			}

			.image_1 {
				width: 32rpx;
				height: 32rpx;
			}
		}

		.confirm_btn {
			bottom: 0;
			position: fixed;
			width: 100vw;
			padding-bottom: 10rpx;
			background-color: rgb(255, 255, 255);

			.section_12 {


				padding: 16rpx 32rpx;
				padding-bottom: env(safe-area-inset-bottom);
				background-color: rgb(255, 255, 255);
				box-shadow: 0px -6rpx 16rpx 0px rgba(0, 0, 0, 0.08);

				.text-wrapper_6 {
					padding: 22rpx 0;
					color: rgb(255, 255, 255);
					font-size: 32rpx;
					line-height: 44rpx;
					white-space: nowrap;
					background-color: #38987c;
					border-radius: 28rpx;
					width: 240rpx;
					height: 88rpx;
				}

				.text_39 {
					margin-top: 8rpx;
					color: rgb(243, 151, 53);
					font-size: 24rpx;
					line-height: 34rpx;
					white-space: nowrap;
				}

				.text_36 {
					margin-top: 12rpx;
					color: rgb(80, 80, 80);
					font-size: 24rpx;
					line-height: 34rpx;
					white-space: nowrap;
				}

				.group_26 {
					margin-left: 8rpx;
					white-space: nowrap;
					height: 44rpx;

					.text_37 {
						color: rgb(243, 151, 53);
						font-size: 24rpx;
						line-height: 28rpx;
					}

					.text_38 {
						color: rgb(243, 151, 53);
						font-size: 36rpx;
						line-height: 44rpx;
					}
				}
			}
		}

		.time-head {

			height: 1000rpx;
			padding: 30rpx 30rpx;

			.title {
				text-align: center;
				font-size: 32rpx;
				font-family: PingFangSC-Medium, PingFang SC;
				font-weight: 500;
				color: #FFFFFF;
				padding-bottom: 30rpx;
			}
		}
	}

	.image_7 {
		align-self: center;
	}

	.text_9 {
		width: 80%;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		margin-left: 8rpx;
	}

	.group_8 {
		color: #FFFFFF;
		font-size: 32rpx;
		font-weight: 500;
		line-height: 40rpx;
		white-space: nowrap;
		font-weight: bold;
	}

	.text_11 {
		margin-left: 16rpx;
	}

	.group_9 {
		margin-top: 15rpx;
		padding: 0 48rpx;
		color: #FFFFFF;
		font-size: 30rpx;
		line-height: 34rpx;

		white-space: nowrap;
	}

	.section_4 {
		margin-top: 24rpx;
		padding: 16rpx 24rpx;
		background-color: #38987c;
		border-radius: 24rpx;
		width: 92%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 22rpx;
	}

	.image_5 {
		width: 35rpx;
		height: 35rpx;

	}

	.red {
		color: rgba(239, 98, 91, 1) !important;
		font-weight: bold !important;
	}

	.size {
		font-size: 28rpx !important;
		color: rgba(134, 134, 134, 1);
	}
	.text_20{
		font-size: 12px;
		color: rgba(134, 134, 134, 1);
		margin-left: 4px;
	}
	.text_tips{
		color: #18b567;
	}
	.padding_top_0 {
		padding-top: 0 !important;
		margin-top: -24rpx;
	}
	
	.paytype{
		margin-top: 12px;
		padding: 11px 12px;
		background-color: white;
		border-radius: 12px;
	}
	
	.paytype label{
		padding: 0; margin: 0 !important; display: block;
	
	}
	.paytype .item{
		display: flex; flex-direction: row; justify-content: space-between; font-size: 14px; padding: 12px 0;
	}
	.paytype .item:nth-child(1){
		border-bottom: 1px solid #f8f8f8;
	}
	.paytype .item:nth-child(2){
		padding-top: 8px;
	}
	.paytype .title{
		
	}
	.paytype .title .title-item{
		display: flex; align-items: center;
	}
	.paytype .title .title-desc{
		padding-left:17px; padding-top: 8px;
		.rechage{
			color: #18b567;
			font-size: 12px;
			background-color: rgba(24, 181, 103, 0.24);
			text-align: center;
			border-radius: 10px;
			line-height: 30px;
		}
	}

	.paytype .riado{
		font-size: 13px; zoom: 0.8;
	}
	.time-pop{
		.uicon-close{
			color: #FFFFFF !important;
		}
	}
	.time-pop .uicon-close{
		color: #FFFFFF !important;
	}